オンスクリーン タイポグラフィ

オンスクリーン タイポグラフィ 事例と論説から考えるウェブの文字表現

https://m.media-amazon.com/images/I/713TBCg1A9L._SL1500_.jpg

文字表現

1 章

文字サイズは 16 px が基準値

行長は全角 35～45 文字

1 カラム形式では行長 38 文字で組むと本文エリアが狭くなり全体のサイズ感が合わない

文字サイズを大きくするか

行長を 50～60 文字にする

行間は文字サイズの 170～200 %

文章幅

タイポグラフィにこだわるなら画像の横幅と完全に合わせる

16 px, 行長 38 文字なら文章幅 608 px

書体

順番を考えないと Mac でメイリオが表示される，みたいになるのでこれだけ指定する場合もある

code:.css

font-family: sans-serif;

Web フォント

ページのダウンロード容量が大きくなってしまう